<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>DOM事件</title>
</head>
<body>
<h1>向相同元素添加多个事件处理程序</h1>
<!--addEventListener() 方法允许您向相同元素添加多个事件，同时不覆盖已有事件-->
<p>使用 addEventListener() 方法将两个 click 事件添加到同一按钮。</p>
<button id="myBtn">点击</button>

<script>
    var x = document.getElementById("myBtn");
    x.addEventListener("click",myFunction);
    x.addEventListener("click",somOtherFunction);

    function myFunction(){
        alert("Hello World");
    }
    function somOtherFunction(){
        alert("此函数也被执行了！");
    }
</script>
</body>
</html>